<!DOCTYPE html>
<html lang="en">
<head>
	<title>AjaxHistory.js :: Examples :: ProtoLove</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="../lib/qunit/qunit.js"></script>
	<script type="text/javascript" src="../src/AjaxHistory.js"></script>
</head>
<body>

	<h1>ProtoLove AjaxHistory.js Example</h1>

	<p>Click the links below and forward and back on your browser to see the AjaxHistory Class in Action.</p>

	<ul>
		<li><a href="#baby">baby</a></li>
		<li><a href="#toddler">toddler</a></li>
		<li><a href="#kid">kid</a></li>
		<li><a href="#teenager">teenager</a></li>
		<li><a href="#adult">adult</a></li>
	</ul>

	<div>Current stage = "<span id="stage"></span>"</div>

<script type="text/javascript">
	var hist = new AjaxHistory(function(newHash, oldHash) {
		document.getElementById('stage').innerHTML = newHash;
	});
</script>

</body>
</html>